<?php $title = 'parqueadero'; ?>
<?php include('encabezado.php'); ?>
<script>
function mueveReloj(){
	
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
var numero_meses = new Array(1,2,3,4,5,6,7,8,9,10,11,12);


	momentoActual = new Date()
	hora = momentoActual.getHours()
	minuto = momentoActual.getMinutes()
	segundo = momentoActual.getSeconds()
	

	

	
	str_segundo = new String (segundo)
	if (str_segundo.length == 1) 
		segundo = "0" + segundo
		
	str_minuto = new String (minuto)
	if (str_minuto.length == 1) 
		minuto = "0" + minuto

	str_hora = new String (hora)
	if (str_hora.length == 1) 
		hora = "0" + hora
		
	horaImprimible = hora + ":" + minuto + ":" + segundo ;
	fechas = diasSemana[momentoActual.getDay()] + ", " + momentoActual.getDate() + " de " + meses[momentoActual.getMonth()] + " de " + momentoActual.getFullYear();
	fecha_numero =  momentoActual.getFullYear() + "-" + numero_meses[ momentoActual.getMonth()] + "-" +  momentoActual.getDate() ;


	
//document.getElementById('reloj').innerHTML = horaImprimible + '\n \r <br/>' + fechas
//	document.form_reloj.reloj.value = horaImprimible + '\n \r ' + fechas

document.getElementById('reloj_entrada').value = fecha_numero + " " + horaImprimible;
document.getElementById('reloj_salida').value = fecha_numero + " " + horaImprimible;
	

	setTimeout("mueveReloj()",1000)

}


</script>
<body onLoad="mueveReloj()">
<?php include('menu.php'); ?>
<?php $inicio = 'class="section"'; ?>
<?php include('izq_nav.php'); ?>
<?php //require('alert.php'); ?>
<style type="text/css" media="print">
 
.testing  {display: none;}
nav {display: none;}
.alert {display:none;}
.content {display:none;}
 
</style>
<style type="text/css">

 section.content { margin-top: 5px; }
h1{ font-size:16px;
text-transform: uppercase;  }
h2{ font-size:14px;
text-transform: uppercase;  }
h3{ font-size:12px;
text-transform: uppercase;  }

input{ width:90%;}
#placa{  
text-transform: uppercase;  
} 
#placa_pago{  
text-transform: uppercase;  
} 
</style>
<?php date_default_timezone_set("America/Bogota"); ?>
<section class="content">

	<div class="widget-container">
    
    
    
    <section class="widget 	small">
			<header>
				<span class="icon">&#128200;</span>
				<hgroup>
	    <h1>Ticket Entrada Parqueo</h1>
        <h2>fecha</h2>
				</hgroup>
				
			</header>
			<div class="content">
				<div class="field-wrap">
				<form id="formulario" action="componentes/guardar_entrada.php"   method="post" >
        <fieldset>
          <table align="center" border="1" >
            <tr>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>
                </td>
            </tr>
            <tr>
              <td>Placa:</td>
              <td><input tabindex="1" type="text" name="placa" id="placa" autocomplete="off" style="height:90px; font-size:70px;" maxlength="6"  max="6" min="6" title="rellenar campo"  required autofocus>
                </td>
            </tr>
            <tr>
              <td>Vehiculo:</td>
              <td>
                <select tabindex="2"   id="vehiculo" name="vehiculo"  style="width:200px;" >
                  <option value="moto">moto</option>
                  <option value="carro">carro</option>
                </select></td>
            </tr>
            <tr>
              <td>Fecha y hora</td>
              <td><input type="text" name="tiempo_entrada" id="reloj_entrada"  readonly  >
                </td>
            </tr>
            <tr>
              
              <td><button type="submit" class="green" name="enviar" value="Enviar" >Ingresar</button></td>
            </tr>
          </table>
        </fieldset>
      </form>
				</div>
				
			</div>
		</section>
    
<section class="widget 	small">
			<header>
				<span class="icon">&#128319;</span>
				<hgroup>
				   <h1>Ticket  Salida Parqueo</h1>
        <h2>fecha</h2>
				</hgroup>
				
			</header>
			<div class="content">
				<div class="field-wrap">
				

      <form name="formulario_salida" id="formulario_salida" action="componentes/guardar_salida.php"   method="post" >
        <fieldset>
          <table align="center" border="1" >
            <tr>
              <td>&nbsp;</td>
            </tr>
            <tr>
         
              <input type="hidden" name="id" id="id" >
             
            </tr>
            <tr>
              <td>Placa:</td>
              <td><input  type="text" name="placa_pago" id="placa_pago" autocomplete="off" style=" height:90px; font-size:70px;" maxlength="6"  max="6" min="6" title="rellenar campo" onChange="enviando(this.value);"  required >
                </td>
            </tr>
            <tr>
              <td>Monto:</td>
              <td><input type="text" name="monto"  id="monto"  onChange="vueltos(this.value);"  ></td>
            </tr>
            <tr>
              <td>Cancelar:</td>
              <td><input type="text" name="recibe"  id="recibe"   ></td>
            </tr>
            <tr>
              <td>Cambio:</td>
              <td><input type="text" name="cambio"  id="cambio"   ></td>
            </tr>
            <tr>
              <td>Fecha y hora</td>
              <td><input type="hidden" name="tiempo_entrada" id="tiempo_entrada"  >
                
                <input type="text" name="tiempo_salida"  id="reloj_salida"    >
                </td>
            </tr>
            <tr>
              <td><button type="reset" class="red" name="limpiar" value="pagar" >Cancelar </button></td>
              <td><button type="submit" class="green" name="enviar" value="Enviar" > Ingresar</button></td>
            </tr>
          </table>
        </fieldset>
      </form>
				</div>
				
				
			</div>
		</section>
        


	

</div>
  </section>
<div id="loading"></div>
<div id="result"></div>
<div id="resultado"></div>
<!--<script type="text/javascript" src="componentes/jeasy/jquery.min.js"></script> 
<script type="text/javascript" src="componentes/jeasy/jquery.easyui.min.js"></script>  --->

<script src="componentes/js/jquery10.2.js"></script>




<script language="javascript">



function vueltos(saldo){

document.getElementById('cambio').value = 	(parseInt(saldo) - parseInt(document.getElementById('recibe').value)  );
	}
	
	 function enviar_vueltos(valor){

$.post("componentes/salida.php", { placa_pago: valor } ).done(function( data ) {
	
$("#formulario_salida").form("load", { recibe: data } );
	
	
  });
	
}


function enviando(valor)
{
$.post( "componentes/salida.php", { placa_pago: valor}, function (data) {

   $('#recibe').val(data.recibe);
   $('#id').val(data.id);
   $('#tiempo_entrada').val(data.tiempo_entrada);   
   
   }, "json" )
   
.done(function( data ) {

});

}



$(document).ready(function() {
	


    $('#formulario_salida,  #formulario').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
			beforeSend: function(objeto){
         //   alert("Adiós, me voy a ejecutar");
        },
		error: function(){alert('ocurrio un error !!');},
		complete: function(){$("#formulario").reset();},
		
            success: function(data) {
                $('#resultado').html(data);}
			
        }).done(function(data ) {
$('#formulario').each(function(){
  this.reset();
});

window.print();	

});
        
        return false;
    }); 
})  
</script>


</body>
</html>